<!DOCTYPE html>
<html lang="en" manifest="/en-US/cache.manifest?v=49">
  
<!-- Mirrored from www.20thingsilearned.com/en-US/dns/3 by HTTrack Website Copier/3.x [XR&CO'2010], Thu, 15 Dec 2011 04:08:31 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8"><!-- /Added by HTTrack -->
<head>
  <!-- 
    20 Things I Learned About Browsers and the Web
    Built by Fi (www.f-i.com) for the Google Chrome Team.
    
    @author Hakim El Hattab
    @author Erik Kallevig
    @author Jon Gray
    -->
    
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="keywords" content="browsers, web, google, cookies, cloud computing, html5 book, web apps, javascript, phishing, malware, internet, online security, online safety, web apps, web applications, html, html5, plugins, browser extensions, online privacy, open source, christoph niemann, what is the web, what is the internet">
  <meta name="author" content="Google, inc.">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="viewport" content="width = 1000">
  <meta name="description" content="IP Addresses and DNS (or, the phantom phone booth)">
  
      
      
  <link rel="image_src" href="../../css/images/front-cover.jpg" />
  
  <title>20 Things I Learned About Browsers and the Web</title>
  
  <link type="text/css" href="../../css/twentythings.min9c55.css?v=49" rel="stylesheet" media="screen" /><link type="text/css" href="../../css/print9c55.css?v=49" rel="stylesheet" media="print" />  
  
    <link type="text/css" href="../../css/basic.css" rel="stylesheet" media="screen" />
    
    <!--[if IE 6]>
    <link type="text/css" href="/css/ie6.css" rel="stylesheet" media="screen" />
    <![endif]-->
    <!--[if lte IE 8]>
    <script src="/js/twentythings.html5shiv.js" type="text/javascript"></script>
    <![endif]-->

    <script type="text/javascript"> 
      if( window.location.hash.match('#\/') ) {
        window.location = window.location.protocol + '//' + window.location.hostname + ':' + window.location.port + window.location.hash.slice(1);
      }
    </script>
    
  

</head>
<body class="basic en-US ">

  <script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-19264787-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>  
      <div id="upgrade">
      <p>
        This illustrated book was designed for HTML5-compliant browsers and will not work with your current <a href="http://www.whatbrowser.org/">browser</a>.<br/>For the best viewing experience, please upgrade to the latest version of your browser or download a <a href="http://www.whatbrowser.org/en/browser/">modern browser</a> and try launching this site again.      </p>
    </div>
    
  <div id="preloader">
    <div class="contents">
      <canvas class="animation"></canvas>
      <div class="progress">
        <div class="fill"></div>
      </div>
    </div>
  </div>
  
  <header>
    <h1><a class="logo"  href="http://www.20thingsilearned.com/">20 Things I Learned About Browsers and the Web</a></h1>
    <nav>
      <ul>
        <li class="table-of-things"><a href="http://www.20thingsilearned.com/table-of-things">TABLE OF THINGS</a></li>
        <li class="divider1"></li>
        <li class="about"><a href="http://www.20thingsilearned.com/foreword/1">FOREWORD</a></li>
        <li class="divider2"></li>
        <li class="credits"><a href="http://www.20thingsilearned.com/credits">CREDITS</a></li>
        <li class="divider2"></li>
      </ul>
    </nav>
    
    <div id="language-selector">
      <div id="language-selector-title"><a>
      English (US)      </a></div>
      <div id="language-selector-list">
        <ul>
          <li data-locale="cs-CZ"><a href="http://www.20thingsilearned.com/cs-CZ/dns/3">čeština</a></li><li data-locale="de-DE"><a href="http://www.20thingsilearned.com/de-DE/dns/3">Deutsch</a></li><li data-locale="en-GB"><a href="http://www.20thingsilearned.com/en-GB/dns/3">English (UK)</a></li><li data-locale="en-US"><a href="3.html">English (US)</a></li><li data-locale="es-419"><a href="http://www.20thingsilearned.com/es-419/dns/3">español (Latinoamérica y el Caribe)</a></li><li data-locale="es-ES"><a href="http://www.20thingsilearned.com/es-ES/dns/3">español (ES)</a></li><li data-locale="fil-PH"><a href="http://www.20thingsilearned.com/fil-PH/dns/3">Filipino</a></li><li data-locale="fr-FR"><a href="http://www.20thingsilearned.com/fr-FR/dns/3">français</a></li><li data-locale="in-ID"><a href="http://www.20thingsilearned.com/in-ID/dns/3">Bahasa Indonesia</a></li><li data-locale="it-IT"><a href="http://www.20thingsilearned.com/it-IT/dns/3">italiano</a></li><li data-locale="ja-JP"><a href="http://www.20thingsilearned.com/ja-JP/dns/3">日本語</a></li><li data-locale="nl-NL"><a href="http://www.20thingsilearned.com/nl-NL/dns/3">Nederlands</a></li><li data-locale="pl-PL"><a href="http://www.20thingsilearned.com/pl-PL/dns/3">polski</a></li><li data-locale="pt-BR"><a href="http://www.20thingsilearned.com/pt-BR/dns/3">português</a></li><li data-locale="ru-RU"><a href="http://www.20thingsilearned.com/ru-RU/dns/3">русский</a></li><li data-locale="zh-CN"><a href="http://www.20thingsilearned.com/zh-CN/dns/3">中文（简体中文）</a></li><li data-locale="zh-TW"><a href="http://www.20thingsilearned.com/zh-TW/dns/3">中文 (繁體中文)</a></li>        </ul>
      </div>
    </div>
    
    <!-- Input type="search" is currently too inconsistent across browsers and platforms -->
    <input id="search-field" type="text" value="Search Book">
  </header>
  
  <!-- Holds search results -->
  <div id="search-dropdown">
    <div class="fader">
      <div class="background-top"></div>
      <div class="background-bottom"></div>
      <div class="results">
        <div class="things">
          <h4><span>Search Book</span></h4>
          <hr>
        </div>
        <div class="keywords">
          <h4><span>KEYWORDS</span></h4>
          <hr>
        </div>
        <div class="empty">No results found.</div>
      </div>
    </div>
  </div>
  
  <!-- Left side grey overlay that masks out the book -->
  <div id="grey-mask"></div>
  
  <div id="book">
    <div id="shadow">
      <div class="shadow-left"></div>
      <div class="shadow-right"></div>
    </div>
    <div id="spine">
      <div class="spine-top"></div>
      <div class="spine-bottom"></div>
    </div>
    <div id="front-cover-bookmark">
      <div class="content">
        <p>What’s a cookie? How do I protect myself on the web? And most importantly: What happens if a truck runs over my laptop?</p>
										<p>For things you’ve always wanted to know about the web but were afraid to ask, read on.</p>        <a href="../identity.html" class="open-book">OPEN BOOK</a>
        <canvas id="flip-intro"></canvas>
      </div>
    </div>
    <div id="sharer">
      <div class="background-top"></div>
      <div class="background-bottom"></div>
      <div class="content">
        <ul>
          <li class="facebook"><a href="#" title="Facebook"></a></li>
          <li class="twitter"><a href="#" title="Twitter"></a></li>
          <li class="gplus"></li>
          <li class="print"><a href="#" target="_blank" title="Print Thing">Print Thing</a></li>
        </ul>
        <p class="index">THING</p>
        <p class="instruction">SHARE THING</p>
      </div>
    </div>
    <div id="front-cover">
      <img src="../../css/images/front-cover.jpg" width="830" height="520">
    </div>
    <div id="back-cover">
      <img src="../../css/images/back-cover.jpg" data-src-flipped="/css/images/back-cover-flipped.jpg" width="830" height="520">
    </div>
    <div id="page-shadow-overlay"></div>
    <div id="pages">
<section class="template-inner-2 title-dns page-3"><div class="page">﻿<div class="left">
	<p>In many ways, fetching and loading a web page in the browser is not unlike making a phone call. When you make a phone call, you’d probably look up the number, dial, wait for someone to pick up, say “hello,” and wait for a response before you start the conversation. Sometimes you have to redial if there are problems connecting. On the web, a similar process happens in a split-second; all you see is that you’ve typed “www.google.com” into the browser and the Google home page appears.</p>
	<p>In the next chapter, we’ll look at how we can verify the identity of a website that we fetch and load in the browser through the <strong>extended validation certificate</strong>.</p>
</div>
<div class="right">
</div></div></section>			
			</div>
			<div id="left-page">
				<img src="../../css/images/left-page.jpg" data-src-flipped="/css/images/left-page-flipped.jpg" width="830" height="520">
			</div>
			<div id="right-page">
				<div id="paperstack">
					<div class="paper s1"></div>
					<div class="paper s2"></div>
					<div class="paper s3"></div>
					<div class="paper s4"></div>
					<div class="paper s5"></div>
					<div class="paper s6"></div>
					<div class="paper s7"></div>
					<div class="shadow"></div>
				</div>
				<img src="../../css/images/right-page.jpg" width="830" height="520">
			</div>
		</div>
		
		<nav id="chapter-nav">
			<p>20 Things</p>
			<ul>
											
				<li class="what-is-the-internet">
					<a href="http://www.20thingsilearned.com/what-is-the-internet" class="cnItem" title="What is the Internet?"  data-title="What is the Internet?" data-subtitle="or, 'You Say Tomato, I Say TCP/IP'" data-article="what-is-the-internet" data-globalstartpage="4" data-globalendpage="6" data-numberofpages="3">
						<div class="illustration"></div>
						<span>1</span>
					</a>
					<a class="over" href="http://www.20thingsilearned.com/what-is-the-internet">
						<div class="description">
							<p class="title">What is the Internet?</p>
							<p class="pagenumber">4-6</p>
						</div>
						<div class="small-book">
							<div class="illustration"></div>
							<p class="index">1</p>
						</div>
					</a>
				</li>
				
														
				<li class="cloud-computing">
					<a href="http://www.20thingsilearned.com/cloud-computing" class="cnItem" title="Cloud Computing"  data-title="Cloud Computing" data-subtitle="or, why it's ok for a truck to crush your laptop" data-article="cloud-computing" data-globalstartpage="7" data-globalendpage="8" data-numberofpages="2">
						<div class="illustration"></div>
						<span>2</span>
					</a>
					<a class="over" href="http://www.20thingsilearned.com/cloud-computing">
						<div class="description">
							<p class="title">Cloud Computing</p>
							<p class="pagenumber">7-8</p>
						</div>
						<div class="small-book">
							<div class="illustration"></div>
							<p class="index">2</p>
						</div>
					</a>
				</li>
				
														
				<li class="web-apps">
					<a href="http://www.20thingsilearned.com/web-apps" class="cnItem" title="Web Apps"  data-title="Web Apps" data-subtitle="or, 'Life, Liberty and the Pursuit of Appiness'" data-article="web-apps" data-globalstartpage="9" data-globalendpage="11" data-numberofpages="3">
						<div class="illustration"></div>
						<span>3</span>
					</a>
					<a class="over" href="http://www.20thingsilearned.com/web-apps">
						<div class="description">
							<p class="title">Web Apps</p>
							<p class="pagenumber">9-11</p>
						</div>
						<div class="small-book">
							<div class="illustration"></div>
							<p class="index">3</p>
						</div>
					</a>
				</li>
				
														
				<li class="html">
					<a href="http://www.20thingsilearned.com/html" class="cnItem" title="HTML, JavaScript, CSS and more"  data-title="HTML, JavaScript, CSS and more" data-subtitle="or, this is not your mom's AJAX" data-article="html" data-globalstartpage="12" data-globalendpage="14" data-numberofpages="3">
						<div class="illustration"></div>
						<span>4</span>
					</a>
					<a class="over" href="http://www.20thingsilearned.com/html">
						<div class="description">
							<p class="title">HTML, JavaScript, CSS and more</p>
							<p class="pagenumber">12-14</p>
						</div>
						<div class="small-book">
							<div class="illustration"></div>
							<p class="index">4</p>
						</div>
					</a>
				</li>
				
														
				<li class="html5">
					<a href="http://www.20thingsilearned.com/html5" class="cnItem" title="HTML5"  data-title="HTML5" data-subtitle="or, in the beginning there was no &lt;video&gt;" data-article="html5" data-globalstartpage="15" data-globalendpage="16" data-numberofpages="2">
						<div class="illustration"></div>
						<span>5</span>
					</a>
					<a class="over" href="http://www.20thingsilearned.com/html5">
						<div class="description">
							<p class="title">HTML5</p>
							<p class="pagenumber">15-16</p>
						</div>
						<div class="small-book">
							<div class="illustration"></div>
							<p class="index">5</p>
						</div>
					</a>
				</li>
				
														
				<li class="threed">
					<a href="http://www.20thingsilearned.com/threed" class="cnItem" title="3D in the Browser"  data-title="3D in the Browser" data-subtitle="or, browsing with more depth" data-article="threed" data-globalstartpage="17" data-globalendpage="19" data-numberofpages="3">
						<div class="illustration"></div>
						<span>6</span>
					</a>
					<a class="over" href="http://www.20thingsilearned.com/threed">
						<div class="description">
							<p class="title">3D in the Browser</p>
							<p class="pagenumber">17-19</p>
						</div>
						<div class="small-book">
							<div class="illustration"></div>
							<p class="index">6</p>
						</div>
					</a>
				</li>
				
														
				<li class="old-vs-new-browsers">
					<a href="http://www.20thingsilearned.com/old-vs-new-browsers" class="cnItem" title="A Browser Madrigal"  data-title="A Browser Madrigal" data-subtitle="or, old vs. modern browsers" data-article="old-vs-new-browsers" data-globalstartpage="20" data-globalendpage="23" data-numberofpages="4">
						<div class="illustration"></div>
						<span>7</span>
					</a>
					<a class="over" href="http://www.20thingsilearned.com/old-vs-new-browsers">
						<div class="description">
							<p class="title">A Browser Madrigal</p>
							<p class="pagenumber">20-23</p>
						</div>
						<div class="small-book">
							<div class="illustration"></div>
							<p class="index">7</p>
						</div>
					</a>
				</li>
				
														
				<li class="plugins">
					<a href="http://www.20thingsilearned.com/plugins" class="cnItem" title="Plug-ins"  data-title="Plug-ins" data-subtitle="or, pepperoni for your cheese pizza" data-article="plugins" data-globalstartpage="24" data-globalendpage="25" data-numberofpages="2">
						<div class="illustration"></div>
						<span>8</span>
					</a>
					<a class="over" href="http://www.20thingsilearned.com/plugins">
						<div class="description">
							<p class="title">Plug-ins</p>
							<p class="pagenumber">24-25</p>
						</div>
						<div class="small-book">
							<div class="illustration"></div>
							<p class="index">8</p>
						</div>
					</a>
				</li>
				
														
				<li class="browser-extensions">
					<a href="http://www.20thingsilearned.com/browser-extensions" class="cnItem" title="Browser Extensions "  data-title="Browser Extensions " data-subtitle="or, superpowers for your browser" data-article="browser-extensions" data-globalstartpage="26" data-globalendpage="28" data-numberofpages="3">
						<div class="illustration"></div>
						<span>9</span>
					</a>
					<a class="over" href="http://www.20thingsilearned.com/browser-extensions">
						<div class="description">
							<p class="title">Browser Extensions </p>
							<p class="pagenumber">26-28</p>
						</div>
						<div class="small-book">
							<div class="illustration"></div>
							<p class="index">9</p>
						</div>
					</a>
				</li>
				
														
				<li class="sync">
					<a href="http://www.20thingsilearned.com/sync" class="cnItem" title="Synchronizing the Browser"  data-title="Synchronizing the Browser" data-subtitle="or, why it's ok for a truck to crush your laptop, part II" data-article="sync" data-globalstartpage="29" data-globalendpage="30" data-numberofpages="2">
						<div class="illustration"></div>
						<span>10</span>
					</a>
					<a class="over" href="http://www.20thingsilearned.com/sync">
						<div class="description">
							<p class="title">Synchronizing the Browser</p>
							<p class="pagenumber">29-30</p>
						</div>
						<div class="small-book">
							<div class="illustration"></div>
							<p class="index">10</p>
						</div>
					</a>
				</li>
				
														
				<li class="browser-cookies">
					<a href="http://www.20thingsilearned.com/browser-cookies" class="cnItem" title="Browser Cookies"  data-title="Browser Cookies" data-subtitle="or, thanks for the memories" data-article="browser-cookies" data-globalstartpage="31" data-globalendpage="32" data-numberofpages="2">
						<div class="illustration"></div>
						<span>11</span>
					</a>
					<a class="over" href="http://www.20thingsilearned.com/browser-cookies">
						<div class="description">
							<p class="title">Browser Cookies</p>
							<p class="pagenumber">31-32</p>
						</div>
						<div class="small-book">
							<div class="illustration"></div>
							<p class="index">11</p>
						</div>
					</a>
				</li>
				
														
				<li class="browser-privacy">
					<a href="http://www.20thingsilearned.com/browser-privacy" class="cnItem" title="Browsers and Privacy"  data-title="Browsers and Privacy" data-subtitle="or, giving you choices to protect your privacy in the browser" data-article="browser-privacy" data-globalstartpage="33" data-globalendpage="36" data-numberofpages="4">
						<div class="illustration"></div>
						<span>12</span>
					</a>
					<a class="over" href="http://www.20thingsilearned.com/browser-privacy">
						<div class="description">
							<p class="title">Browsers and Privacy</p>
							<p class="pagenumber">33-36</p>
						</div>
						<div class="small-book">
							<div class="illustration"></div>
							<p class="index">12</p>
						</div>
					</a>
				</li>
				
														
				<li class="malware">
					<a href="http://www.20thingsilearned.com/malware" class="cnItem" title="Malware, Phishing, and Security Risks"  data-title="Malware, Phishing, and Security Risks" data-subtitle="or, if it quacks like a duck but isn't a duck" data-article="malware" data-globalstartpage="37" data-globalendpage="39" data-numberofpages="3">
						<div class="illustration"></div>
						<span>13</span>
					</a>
					<a class="over" href="http://www.20thingsilearned.com/malware">
						<div class="description">
							<p class="title">Malware, Phishing, and Security Risks</p>
							<p class="pagenumber">37-39</p>
						</div>
						<div class="small-book">
							<div class="illustration"></div>
							<p class="index">13</p>
						</div>
					</a>
				</li>
				
														
				<li class="browser-protection">
					<a href="http://www.20thingsilearned.com/browser-protection" class="cnItem" title="How Modern Browsers Help Protect You From Malware and Phishing"  data-title="How Modern Browsers Help Protect You From Malware and Phishing" data-subtitle="or, beware the ne'er-do-wells!" data-article="browser-protection" data-globalstartpage="40" data-globalendpage="42" data-numberofpages="3">
						<div class="illustration"></div>
						<span>14</span>
					</a>
					<a class="over" href="http://www.20thingsilearned.com/browser-protection">
						<div class="description">
							<p class="title">How Modern Browsers Help Protect You From Malware and Phishing</p>
							<p class="pagenumber">40-42</p>
						</div>
						<div class="small-book">
							<div class="illustration"></div>
							<p class="index">14</p>
						</div>
					</a>
				</li>
				
														
				<li class="url">
					<a href="http://www.20thingsilearned.com/url" class="cnItem" title="Using Web Addresses to Stay Safe"  data-title="Using Web Addresses to Stay Safe" data-subtitle="or, 'my name is URL'" data-article="url" data-globalstartpage="43" data-globalendpage="47" data-numberofpages="5">
						<div class="illustration"></div>
						<span>15</span>
					</a>
					<a class="over" href="http://www.20thingsilearned.com/url">
						<div class="description">
							<p class="title">Using Web Addresses to Stay Safe</p>
							<p class="pagenumber">43-47</p>
						</div>
						<div class="small-book">
							<div class="illustration"></div>
							<p class="index">15</p>
						</div>
					</a>
				</li>
				
														
				<li class="dns">
					<a href="http://www.20thingsilearned.com/dns" class="cnItem" title="IP Addresses and DNS"  data-title="IP Addresses and DNS" data-subtitle="or, the phantom phone booth" data-article="dns" data-globalstartpage="48" data-globalendpage="50" data-numberofpages="3">
						<div class="illustration"></div>
						<span>16</span>
					</a>
					<a class="over" href="http://www.20thingsilearned.com/dns">
						<div class="description">
							<p class="title">IP Addresses and DNS</p>
							<p class="pagenumber">48-50</p>
						</div>
						<div class="small-book">
							<div class="illustration"></div>
							<p class="index">16</p>
						</div>
					</a>
				</li>
				
														
				<li class="identity">
					<a href="http://www.20thingsilearned.com/identity" class="cnItem" title="Validating Identities Online"  data-title="Validating Identities Online" data-subtitle="or,  &quot;Dr. Livingstone, I presume?&quot;" data-article="identity" data-globalstartpage="51" data-globalendpage="53" data-numberofpages="3">
						<div class="illustration"></div>
						<span>17</span>
					</a>
					<a class="over" href="http://www.20thingsilearned.com/identity">
						<div class="description">
							<p class="title">Validating Identities Online</p>
							<p class="pagenumber">51-53</p>
						</div>
						<div class="small-book">
							<div class="illustration"></div>
							<p class="index">17</p>
						</div>
					</a>
				</li>
				
														
				<li class="page-load">
					<a href="http://www.20thingsilearned.com/page-load" class="cnItem" title="Evolving to a Faster Web"  data-title="Evolving to a Faster Web" data-subtitle="or, speeding up images, video, and JavaScript on the web" data-article="page-load" data-globalstartpage="54" data-globalendpage="57" data-numberofpages="4">
						<div class="illustration"></div>
						<span>18</span>
					</a>
					<a class="over" href="http://www.20thingsilearned.com/page-load">
						<div class="description">
							<p class="title">Evolving to a Faster Web</p>
							<p class="pagenumber">54-57</p>
						</div>
						<div class="small-book">
							<div class="illustration"></div>
							<p class="index">18</p>
						</div>
					</a>
				</li>
				
														
				<li class="open-source">
					<a href="http://www.20thingsilearned.com/open-source" class="cnItem" title="Open Source and Browsers"  data-title="Open Source and Browsers" data-subtitle="or, standing on the shoulders of giants" data-article="open-source" data-globalstartpage="58" data-globalendpage="59" data-numberofpages="2">
						<div class="illustration"></div>
						<span>19</span>
					</a>
					<a class="over" href="http://www.20thingsilearned.com/open-source">
						<div class="description">
							<p class="title">Open Source and Browsers</p>
							<p class="pagenumber">58-59</p>
						</div>
						<div class="small-book">
							<div class="illustration"></div>
							<p class="index">19</p>
						</div>
					</a>
				</li>
				
														
				<li class="conclusion">
					<a href="http://www.20thingsilearned.com/conclusion" class="cnItem" title="19 Things Later..."  data-title="19 Things Later..." data-subtitle="or, a day in the clouds" data-article="conclusion" data-globalstartpage="60" data-globalendpage="61" data-numberofpages="2">
						<div class="illustration"></div>
						<span>20</span>
					</a>
					<a class="over" href="http://www.20thingsilearned.com/conclusion">
						<div class="description">
							<p class="title">19 Things Later...</p>
							<p class="pagenumber">60-61</p>
						</div>
						<div class="small-book">
							<div class="illustration"></div>
							<p class="index">20</p>
						</div>
					</a>
				</li>
				
							
			</ul>
		</nav>
		
		<div id="overlay">
			<div class="bookmark">
				<div class="content">
					<a class="close" href="#">CLOSE</a>
					<h3>RESUME READING?</h3>
					<p>You can pick up from where you left off the last time, or start at the beginning. Do you want to:</p>
					<a class="action resume" href="#">RESUME<br/>READING</a>
					<a class="action restart" href="#">GO TO THE<br/>BEGINNING</a>
				</div>
			</div>
			
			<div class="print">
					<a class="close" href="#">CLOSE</a>
					<a class="printBook" href="../all/print.html"_blank">
						<h2>Print Book</h2>
						<p>Print the book (in Letter or A4 size only)</p>
					</a>
					<a class="downloadPdf" target="_blank" href="http://www.20thingsilearned.com/media/20ThingsILearnedaboutBrowsersandtheWeb.pdf">
						<h2>Download PDF</h2>
						<p>Download the book in PDF. Size: 3.3MB</p>
					</a>
			</div>
		</div>
		
		<div id="credits">
			<div class="header">
				<h2><span>CREDITS</span></h2>
				<hr>
			</div>
			<div class="people">
				<ul>
					<li><h3>Illustration</h3><a href="http://www.christophniemann.com/" target="_blank">Christoph Niemann</a></li>
					<li><h3>Writers/Editors</h3>Min Li Chan, Fritz Holznagel, Michael Krantz</li>
					<li><h3>Project Curator</h3>Min Li Chan &amp; <br/>The Google Chrome Team</li>
					<li><h3>Design</h3><a href="http://f-i.com/" target="_blank">Fi</a><br/><a href="http://monocubed.com/" target="_blank">Paul Truong</a></li>
					<li><h3>Development</h3><a href="http://f-i.com/" target="_blank">Fi</a></li>
				</ul>
				<h4>Very Special Thanks To</h4>
				<p class="special-thanks">Brian Rakowski, Ian Fette, Chris DiBona, Alex Russell, Erik Kay, Jim Roskind, Mike Belshe, Dimitri Glazkov, Henry Bridge, Gregor Hochmuth, Jeffrey Chang, Mark Larson, Aaron Boodman, Wieland Holfelder, Jochen Eisinger, Bernhard Bauer, Adam Barth, Cory Ferreria, Erik Arvidsson, John Abd-Malek, Carlos Pizano, Justin Schuh, Wan-Teh Chang, Vangelis Kokkevis, Mike Jazayeri, Brad Chen, Darin Fisher, Johanna Wittig,  Maxim Lobanov, Marion Fabing Nicolas, Jana Vorechovska, Daniele De Santis, Laura van Nigtevegt, Wojtek Cyprys, Dudley Carr, Richard Rabbat, Ji Lee, Glen Murphy, Valdean Klump, Aaron Koblin, Paul Irish, John Fu, Chris Wright, Sarah Nahm, Christos Apartoglou, Meredith Papp, Eric Antonow, Eitan Bencuya, Jay Nancarrow, Ben Lee, Gina Weakley, Linus Upson, Sundar Pichai & The Google Chrome Team</p>
				<p class="html5-logo">Built in HTML5 <img src="../../media/images/HTML5_Badge_32.png" title="Built in HTML5"></img></p>
			</div>
			<hr>
			<div class="share">
				<p>Share this book and what you've learned with friends and family; www.20thingsilearned.com</p>
				<ul>
					<li class="facebook"><a href="http://www.facebook.com/sharer.php?u=http://20thingsilearned.com&amp;t=20%20Things%20I%20learned%20About%20Browsers%20and%20the%20Web" title="Facebook"><span class="icon"></span><span class="text">Share On</span></a></li>
					<li class="twitter"><a href="http://twitter.com/share?original_referer=http://20thingsilearned.com&amp;text=20%20Things%20I%20learned%20About%20Browsers%20and%20the%20Web&amp;url=http://20thingsilearned.com" title="Twitter"><span class="icon"></span><span class="text">Share On</span></a></li>
					<li class="gplus"><g:plusone count="false"></g:plusone></li>
				</ul>
			</div>
		</div>
		
		<div id="articleId">dns</div><div id="pageNumber">3</div>	<div id="pagination-prev" class=""><a href="2.html"><div class="arrow">LOCALE_PREVIOUS_PAGE</div></a></div>
	<div id="pagination-next" class=""><a href="../identity.html"><div class="arrow">LOCALE_NEXT_PAGE</div></a></div>
		
		<div id="table-of-contents">
			<div class="center">
				<div class="header">
					<a class="go-back" href="http://www.20thingsilearned.com/">Go Back</a>
					<h2><span>Table of Things</span></h2>
					<hr>
				</div>
				<ul>
									
							<li class="what-is-the-internet">
								<a href="http://www.20thingsilearned.com/what-is-the-internet" data-article="what-is-the-internet">
									<div class="medium-book">
										<div class="illustration"></div>
										<p>THING 1</p>
									</div>
									<h3>What is the Internet?</h3>
									<p>or, 'You Say Tomato, I Say TCP/IP'</p>
								</a>
							</li>
									
							<li class="cloud-computing">
								<a href="http://www.20thingsilearned.com/cloud-computing" data-article="cloud-computing">
									<div class="medium-book">
										<div class="illustration"></div>
										<p>THING 2</p>
									</div>
									<h3>Cloud Computing</h3>
									<p>or, why it's ok for a truck to crush your laptop</p>
								</a>
							</li>
									
							<li class="web-apps">
								<a href="http://www.20thingsilearned.com/web-apps" data-article="web-apps">
									<div class="medium-book">
										<div class="illustration"></div>
										<p>THING 3</p>
									</div>
									<h3>Web Apps</h3>
									<p>or, 'Life, Liberty and the Pursuit of Appiness'</p>
								</a>
							</li>
									
							<li class="html">
								<a href="http://www.20thingsilearned.com/html" data-article="html">
									<div class="medium-book">
										<div class="illustration"></div>
										<p>THING 4</p>
									</div>
									<h3>HTML, JavaScript, CSS and more</h3>
									<p>or, this is not your mom's AJAX</p>
								</a>
							</li>
									
							<li class="html5">
								<a href="http://www.20thingsilearned.com/html5" data-article="html5">
									<div class="medium-book">
										<div class="illustration"></div>
										<p>THING 5</p>
									</div>
									<h3>HTML5</h3>
									<p>or, in the beginning there was no &lt;video&gt;</p>
								</a>
							</li>
									
							<li class="threed">
								<a href="http://www.20thingsilearned.com/threed" data-article="threed">
									<div class="medium-book">
										<div class="illustration"></div>
										<p>THING 6</p>
									</div>
									<h3>3D in the Browser</h3>
									<p>or, browsing with more depth</p>
								</a>
							</li>
									
							<li class="old-vs-new-browsers">
								<a href="http://www.20thingsilearned.com/old-vs-new-browsers" data-article="old-vs-new-browsers">
									<div class="medium-book">
										<div class="illustration"></div>
										<p>THING 7</p>
									</div>
									<h3>A Browser Madrigal</h3>
									<p>or, old vs. modern browsers</p>
								</a>
							</li>
									
							<li class="plugins">
								<a href="http://www.20thingsilearned.com/plugins" data-article="plugins">
									<div class="medium-book">
										<div class="illustration"></div>
										<p>THING 8</p>
									</div>
									<h3>Plug-ins</h3>
									<p>or, pepperoni for your cheese pizza</p>
								</a>
							</li>
									
							<li class="browser-extensions">
								<a href="http://www.20thingsilearned.com/browser-extensions" data-article="browser-extensions">
									<div class="medium-book">
										<div class="illustration"></div>
										<p>THING 9</p>
									</div>
									<h3>Browser Extensions </h3>
									<p>or, superpowers for your browser</p>
								</a>
							</li>
									
							<li class="sync">
								<a href="http://www.20thingsilearned.com/sync" data-article="sync">
									<div class="medium-book">
										<div class="illustration"></div>
										<p>THING 10</p>
									</div>
									<h3>Synchronizing the Browser</h3>
									<p>or, why it's ok for a truck to crush your laptop, part II</p>
								</a>
							</li>
									
							<li class="browser-cookies">
								<a href="http://www.20thingsilearned.com/browser-cookies" data-article="browser-cookies">
									<div class="medium-book">
										<div class="illustration"></div>
										<p>THING 11</p>
									</div>
									<h3>Browser Cookies</h3>
									<p>or, thanks for the memories</p>
								</a>
							</li>
									
							<li class="browser-privacy">
								<a href="http://www.20thingsilearned.com/browser-privacy" data-article="browser-privacy">
									<div class="medium-book">
										<div class="illustration"></div>
										<p>THING 12</p>
									</div>
									<h3>Browsers and Privacy</h3>
									<p>or, giving you choices to protect your privacy in the browser</p>
								</a>
							</li>
									
							<li class="malware">
								<a href="http://www.20thingsilearned.com/malware" data-article="malware">
									<div class="medium-book">
										<div class="illustration"></div>
										<p>THING 13</p>
									</div>
									<h3>Malware, Phishing, and Security Risks</h3>
									<p>or, if it quacks like a duck but isn't a duck</p>
								</a>
							</li>
									
							<li class="browser-protection">
								<a href="http://www.20thingsilearned.com/browser-protection" data-article="browser-protection">
									<div class="medium-book">
										<div class="illustration"></div>
										<p>THING 14</p>
									</div>
									<h3>How Modern Browsers Help Protect You From Malware and Phishing</h3>
									<p>or, beware the ne'er-do-wells!</p>
								</a>
							</li>
									
							<li class="url">
								<a href="http://www.20thingsilearned.com/url" data-article="url">
									<div class="medium-book">
										<div class="illustration"></div>
										<p>THING 15</p>
									</div>
									<h3>Using Web Addresses to Stay Safe</h3>
									<p>or, 'my name is URL'</p>
								</a>
							</li>
									
							<li class="dns">
								<a href="http://www.20thingsilearned.com/dns" data-article="dns">
									<div class="medium-book">
										<div class="illustration"></div>
										<p>THING 16</p>
									</div>
									<h3>IP Addresses and DNS</h3>
									<p>or, the phantom phone booth</p>
								</a>
							</li>
									
							<li class="identity">
								<a href="http://www.20thingsilearned.com/identity" data-article="identity">
									<div class="medium-book">
										<div class="illustration"></div>
										<p>THING 17</p>
									</div>
									<h3>Validating Identities Online</h3>
									<p>or,  &quot;Dr. Livingstone, I presume?&quot;</p>
								</a>
							</li>
									
							<li class="page-load">
								<a href="http://www.20thingsilearned.com/page-load" data-article="page-load">
									<div class="medium-book">
										<div class="illustration"></div>
										<p>THING 18</p>
									</div>
									<h3>Evolving to a Faster Web</h3>
									<p>or, speeding up images, video, and JavaScript on the web</p>
								</a>
							</li>
									
							<li class="open-source">
								<a href="http://www.20thingsilearned.com/open-source" data-article="open-source">
									<div class="medium-book">
										<div class="illustration"></div>
										<p>THING 19</p>
									</div>
									<h3>Open Source and Browsers</h3>
									<p>or, standing on the shoulders of giants</p>
								</a>
							</li>
									
							<li class="conclusion">
								<a href="http://www.20thingsilearned.com/conclusion" data-article="conclusion">
									<div class="medium-book">
										<div class="illustration"></div>
										<p>THING 20</p>
									</div>
									<h3>19 Things Later...</h3>
									<p>or, a day in the clouds</p>
								</a>
							</li>
								</ul>
			</div>
		</div>	
		<footer>		
			<span class="curator">Published by the <a href="http://www.google.com/chrome?brand=CHJN">Google Chrome</a> Team. ©,2010 Google Inc. All Rights Reserved.</span>
			<div class="right-side">
				<div class="divider"></div>
				<div class="sharing">
					<p>SHARE BOOK</p>
					<input type="text" class="clipboard-notification" value="http://20thingsilearned.com/" readonly="readonly" />
					<ul>
						<li class="facebook"><a href="http://www.facebook.com/sharer.php?u=http://20thingsilearned.com&amp;t=20%20Things%20I%20learned%20About%20Browsers%20and%20the%20Web" title="Facebook"></a></li>
						<li class="twitter"><a href="http://twitter.com/share?original_referer=http://20thingsilearned.com&amp;text=20%20Things%20I%20learned%20About%20Browsers%20and%20the%20Web&amp;url=http://20thingsilearned.com" title="Twitter"></a></li>
						<li class="gplus"><g:plusone size="small" count="false"></g:plusone></li>
						<li class="url"><a href="#"></a></li>
					</ul>
				</div>
				<div class="divider"></div>
				<div class="print">
					<a href="../all/print.html" target="_blank"><span class="icon"></span>PRINT BOOK</a>
				</div>
							</div>
		</footer>
		
    <script type="text/javascript" src="../../../apis.google.com/js/plusone.js"></script>
					
			<script type="text/javascript" src="../../js/thirdparty/jquery.1.4.2.min.js"></script>
      <script type="text/javascript" src="../../js/twentythings.locale.js"></script>
			<script type="text/javascript">
				$('img').each(function(){
					if( $(this).attr('data-src') ){
						$(this).attr( 'src', $(this).attr('data-src') );
					}
        });
        
        TT.locale.initialize();
			</script>
		
					
		
	</body>

<!-- Mirrored from www.20thingsilearned.com/en-US/dns/3 by HTTrack Website Copier/3.x [XR&CO'2010], Thu, 15 Dec 2011 04:08:32 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8"><!-- /Added by HTTrack -->
</html>